<template>
    <div class="page">
        <!-- 列表渲染下载按钮 -->
        <DownloadButton
            v-for="item in ['DSSR','LigPlot+','3V']"
            :content="item"
            :url="urls[item as Items]"
        />
    </div>
</template>

<script lang="ts" setup>
// 导入下载按钮组件
import DownloadButton from '../components/DownloadButton.vue';
// 导入下载链接配置
import urls from '../static/url.json';

// 定义下载条目类型
type Items='DSSR'|'LigPlot+'|'3V';
</script>

<style lang="scss" scoped>
/* 页面布局样式 */
.page{
    height:85vh;
    width:98vw;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
</style>
